<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
  		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<!--bootstrap-->
		<link rel="stylesheet" href="plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<!--normalize-->
		<link rel="stylesheet" href="plugins/Normalize/normalize.min.css" />
		<!--highlight-->
		<link rel="stylesheet" href="plugins/highlight/default.min.css" />
		<!--自定义CSS-->
		<link rel="stylesheet" href="css/oj.main.css" />
		<link rel="stylesheet" href="css/oj.student.css" />
		<!--jQuery-->
		<script type="text/javascript" src="plugins/jQuery/jquery-3.2.1.min.js" ></script>
        <title>QOJ - 比赛</title>
    </head>
    <body>
    	<nav class="navbar navbar-inverse navbar-fixed-top">
    		<div class="container-fluid">
    			<div class="navbar-header">
    				<button type="button" class="navbar-toggle collapse" data-toggle="collapse" data-target="#navbar-menu">
    					<span class="icon-bar"></span>
    					<span class="icon-bar"></span>
    					<span class="icon-bar"></span>
    				</button>
    				<a href="student.jsp" class="navbar-brand">Q · O J</a>
    			</div>
    			
    			<div class="collapse navbar-collapse">
    				<ul class="nav navbar-nav navbar-right">
    					<li><a href="#" id="navbar-user">zstarshadow</a></li>
    					<li><a href="#" id="navbar-submit">提交</a></li>
    					<li><a href="#" id="signout-enter">退出登陆</a></li>
    				</ul>
    			</div>
    		</div>
    	</nav>
    	
    	<div class="container-fluid">
    		<div class="tab-content">
    			<div class="tab-pane active" id="match-detail">
    				<div class="panel panel-default">
    					<div class="panel-heading">
    						<h1 class="match-detail-title">10001</h1>
    						<h4 class="match-detail-description">描述：测试内容</h4>
    						<h5>进行时间：<span class="match-detail-time-start">2017/7/20 </span> -> <span class="match-detail-time-end"> 2017/7/21</span></h5>
    					</div>
    					<div class="panel-body">
    						<table class="table table-hover table-striped">
   			 					<!--ID、题目名、类型、 知识点、难度、状态-->
    							<thead><tr><th>ID</th><th>题目名</th><th>状态</th></tr></thead>
    							<tbody id="match-problem-list">
									<tr data-toggle="tab" data-target="#match-problem"><td>10001</td><td>10001</td><td>AC</td></tr>
    							</tbody>
    						</table>
    					</div>
    				</div>
    			</div>
    			<div class="tab-pane" id="match-problem">
    				<a href="#match-detail" class="btn btn-default" data-toggle="tab">返回题目列表</a>
    				<div class="panel panel-default">
    					<div class="panel-heading">
    						<h1 id="match-problem-title">10001</h1>
    						<h5>来源：<span id="match-problem-source"></span></h5>
    						<h5>时间限制：<span id="match-problem-limit-time"></span></h5>
    						<h5>内存限制：<span id="match-problem-limit-memory"></span></h5>
    					</div>
    					<div class="panel-body">
    						<div class="panel panel-default">
    							<div class="panel-heading">题目描述</div>
    							<div class="panel-body">
    								<pre id="match-problem-description"></pre>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输入描述</div>
    							<div class="panel-body">
    								<pre id="match-problem-description-in"></pre>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输出描述</div>
    							<div class="panel-body">
    								<pre id="match-problem-description-out"></pre>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输入样例</div>
    							<div class="panel-body">
    								<pre id="match-problem-sample-in"></pre>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">输出样例</div>
    							<div class="panel-body">
    								<pre id="match-problem-sample-out"></pre>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-heading">数据范围 & 提示</div>
    							<div class="panel-body">
    								<pre id="match-problem-tip"></pre>
    							</div>
    						</div>
    						<div class="panel panel-default">
    							<div class="panel-body">
    								<div id="alert-training-problem"></div>
    								<div class="btn-group" id="match-problem-option" data-toggle="buttons">
  	 									<label class="btn btn-default active">C++<input type="radio"/></label>
    									<label class="btn btn-default">C<input type="radio"/></label>
    									<label class="btn btn-default">Java<input type="radio"/></label>
    								</div>
    								<textarea class="form-control" id="match-problem-code"></textarea>
    								<button type="button" class="btn btn-primary" id="match-problem-submit">提交代码</button>
    							</div>
    						</div>
    					</div>
    				</div>
    			</div>
    		</div>
    	</div>
    	
    	<!--bootstrap-->
    	<script type="text/javascript" src="plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js" ></script>
    	<!--bootstrap-paginator-->
    	<script type="text/javascript" src="plugins/bootstrap-paginator/bootstrap-paginator.min.js" ></script>
    	<!--highlight-->
    	<script type="text/javascript" src="plugins/highlight/highlight.min.js" ></script>
    	<!--自定义JS-->
    	<script type="text/javascript" src="js/oj.main.js" ></script>
    	<script type="text/javascript" src="js/oj.student.js" ></script>
 	</body>
</html>